<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <li>01</li>
    <li>02</li>
    <li>03</li>
    <li>04</li>
    <li>05</li>
    <li>06</li>
    <li>07</li>
    <li>08</li>
    <li>09</li>
    <li>10</li>

    <div id="demo" class="one two three"></div>
</body>
<script>
    

    var s = new Set([1,3,5,7,9]);
    console.log(s);

    // Set数据没有键名(或者说 键名,键值都是同一个)
    // s.forEach(function(item,index,set){
    //     console.log(item,index,set);
    // })

    // var arr = [1,2,3];
    // var o = {demo:"test"};

    // var list = [[100,100],["hello","world"],[true,false],[null,undefined],[arr,arr],[o,o]];
    // var m = new Map(list);
    // console.log(m);

    // m.forEach(function(item,index,map){
    //     console.log(item,index);
    // })

    // keys values entries forEach
    var liList = document.querySelectorAll("li");
    console.log(liList);
    // liList.forEach(function(item,index){
    //     console.log(item,index);
    // })

    // var obj = liList.keys();
    // var obj = liList.values();
    // for(var val of obj){
    //     console.log(val);
    // }

    // keys values entries forEach
    var demo = document.getElementById("demo");
    console.log(demo.classList);


</script>
</html>